<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title> 1 line CSS Framework</title>
<style>
body {text-align:center;} /* IE 5.5 fix */

.main {  margin:0 auto; width:940px;} /* center the layout and make the default width of 940px */


.dp50{width:50%; float:left; display: inline; *margin-right:-1px; height:100px;}

</style>
</head>

<body>
<div class="main">

<!-- 2 column -->
<div class="dp50" style="background-color:#999;">1</div>
<div class="dp50" style="background-color:#666;">2</div>

<!-- 4 column -->
<div class="dp50">
	<div class="dp50" style="background-color:#333;">1</div>
	<div class="dp50" style="background-color:#666;">2</div>
</div>

<div class="dp50">
	<div class="dp50" style="background-color:#333;">3</div>
	<div class="dp50" style="background-color:#555;">4</div>
</div>

<!-- 8 column -->
<div class="dp50">
	<div class="dp50" style="background-color:#333;">
		<div class="dp50" style="background-color:#333;">1</div>
		<div class="dp50" style="background-color:#444;">2</div>
	</div>
	<div class="dp50" style="background-color:#333;">
		<div class="dp50" style="background-color:#333;">3</div>
		<div class="dp50" style="background-color:#444;">4</div>
	</div>
</div>
<div class="dp50" style="background-color:#333;">
	<div class="dp50" style="background-color:#333;">
		<div class="dp50" style="background-color:#333;">5</div>
		<div class="dp50" style="background-color:#444;">6</div>
	</div>
	<div class="dp50" style="background-color:#333;">
		<div class="dp50" style="background-color:#333;">7</div>
		<div class="dp50" style="background-color:#444;">8</div>
	</div>
</div>
<!-- 16 column -->

<div class="dp50" style="background-color:#333;">
	<div class="dp50" style="background-color:#333;">
		<div class="dp50" style="background-color:#333;">
			<div class="dp50" style="background-color:#333;">1</div>
			<div class="dp50" style="background-color:#444;">2</div>
		</div>
		<div class="dp50" style="background-color:#444;">
			<div class="dp50" style="background-color:#333;">3</div>
			<div class="dp50" style="background-color:#444;">4</div>
		</div>
	</div>
	<div class="dp50" style="background-color:#333;">
		<div class="dp50" style="background-color:#333;">
			<div class="dp50" style="background-color:#333;">5</div>
			<div class="dp50" style="background-color:#444;">6</div>
		</div>
		<div class="dp50" style="background-color:#444;">
			<div class="dp50" style="background-color:#333;">7</div>
			<div class="dp50" style="background-color:#444;">8</div>
		</div>
	</div>
</div>
<div class="dp50" style="background-color:#333;">
	<div class="dp50" style="background-color:#333;">
		<div class="dp50" style="background-color:#333;">
			<div class="dp50" style="background-color:#333;">9</div>
			<div class="dp50" style="background-color:#444;">10</div>
		</div>
		<div class="dp50" style="background-color:#444;">
			<div class="dp50" style="background-color:#333;">11</div>
			<div class="dp50" style="background-color:#444;">12</div>
		</div>
	</div>
	<div class="dp50" style="background-color:#333;">
		<div class="dp50" style="background-color:#333;">
			<div class="dp50" style="background-color:#333;">13</div>
			<div class="dp50" style="background-color:#444;">14</div>
		</div>
		<div class="dp50" style="background-color:#444;">
			<div class="dp50" style="background-color:#333;">15</div>
			<div class="dp50" style="background-color:#444;">16</div>
		</div>
</div>	
</div>

<!--  (50% + 25% + 25%) column -->

<div class="dp50" style="background-color:#333;">1</div>
	
<div class="dp50">
	<div class="dp50" style="background-color:#444;">2</div>
	<div class="dp50" style="background-color:#555;">3</div>
</div>

<!--  (25% + 25% + 50%) column -->

	
<div class="dp50">
	<div class="dp50" style="background-color:#555;">1</div>
	<div class="dp50" style="background-color:#444;">2</div>
</div>

<div class="dp50" style="background-color:#333;">3</div>

<!-- End -->
</div>

</body>
</html>
